@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } 
body{ margin:0 auto; padding:0px;font:14px/1.5  微软雅黑,Microsoft Yahei; color:#000; overflow-x:hidden; background:#fff;}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
img{border:0; }
ol,ul{list-style:none; }
a{ color:#000; text-decoration:none}
*{ text-shadow:none}
hr{height:0px;border:none;border-top:1px solid #c0b4a6; margin:0px;}
.no_blod{ font-weight:normal}
#mypage .ui-content{ margin:0; padding:0;}

/*===========================全局header=================================*/
#mypage .ui-header{ background:none; border:none;}
#mypage .ui-header a{ background:none; border:none; box-shadow:none; margin:0; padding:5px;}
#mypage .ui-header a img{ width:26px;}
#mypage .ui-header table td{ text-align:center;}
#mypage .ui-header .ui-input-search{ box-shadow:none;}

/*==============================全局footer=============================*/
#mypage .ui-footer{text-align:center; border:none;}
/*#mypage ul.footer li .position{ position:absolute; right:50%; top:3px; padding:0.5em; border-radius:10px; background:#ff3638; margin-right:-25px;}*/
#mypage ul.footer li img{ width:30px; position:relative;}
#mypage ul.footer li a{background:url(../images/footerbg.jpg) repeat-x; padding:5px 0; border:none; font-weight:normal; font-family:"微软雅黑"; color:#8e8e8e;}
#mypage ul.footer li a.active p{ color:#fff;}
#mypage ul.footer li p{ text-align:center; line-height:1.2em; font-size:12px;}

/*=================登录and修改密码模块======================*/
input[placeholder], [placeholder], *[placeholder] { color:#333 !important; font-family:"微软雅黑"; text-shadow:none;}
::-moz-placeholder{color:#999;opacity:1}
:-ms-input-placeholder{color:#999;}
::-webkit-input-placeholder{color:#999;}
/*登录*/
#login .logo{ margin:2em 2em 3em;}
#login .logo img{ margin:0 auto; display:block; width:50%;}
#login .logo h2{ text-align:center; font-family:"微软雅黑"; font-weight:normal; font-size:20px; margin-top:10px;}
#login form .box{ margin:0 2em;}
#login .bg_logo{ overflow:auto; zoom:1; margin-bottom:1em;}
#login .bg_logo .left{float:left; width:45px; overflow:hidden; text-align:center; border-radius:5px 0 0 5px; /*background:url(../images/login_iconbg.jpg) no-repeat center; background-size:cover;*/ background:#089b55; height:44px;}
#login .left img{width:28px; height:35px; margin:4px auto 0;}
#login .bg_logo .right{ background:#fff; height:44px;width:calc( 100% - 45px ); width:-webkit-calc( 100% - 45px ); width:-moz-calc( 100% - 45px ); float:left;border:1px solid #089b55; border-radius:0 5px 5px 0; border-left:none;box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#login .button{ margin:2em 2em 0;}
/*修改密码*/
#change_password{ margin:1em;}
#change_password .box{ overflow:auto; zoom:1; border:1px solid #d2d2d2; border-radius:5px; margin-bottom:1em;}
#change_password .left{float:left; width:40px; overflow:hidden; text-align:center;}
#change_password .left img{width:32px; height:32px; margin:4px auto 0;}
#change_password .right{width:calc( 100% - 40px ); width:-webkit-calc( 100% - 40px ); width:-moz-calc( 100% - 40px ); float:left;}
#change_password .button{ margin-top:2em;}
#mypage #change_password .button a{ display:block; width:100%; height:35px; line-height:35px; text-align:center; background:url(../images/radius_btn.png) no-repeat center; background-size:100% 100%; color:#fff; font-family:"微软雅黑"; font-weight:normal;}

/*==============================banner=============================*/
#banner .bx-wrapper .bx-pager{ position:absolute; bottom:0;}
#banner .bx-wrapper .bx-pager.bx-default-pager a {background:rgba(0, 0, 0, 0.50)!important; filter:Alpha(opacity=50);text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#banner .bx-wrapper .bx-pager.bx-default-pager a:hover,#banner .bx-wrapper .bx-pager.bx-default-pager a.active {background:rgba(255, 255, 255, 0.99)!important; filter:Alpha(opacity=99);}

/*==============================个人中心=============================*/
/*左右列表*/
#mycenter .floatlist{ overflow:auto; zoom:1; margin-bottom:1em;}
#mycenter .floatlist li{ float:left; position:relative; width:50%; text-align:center;}
#mycenter .floatlist li img{ display:block; width:90px; float:right; margin-top:0.8em;}
#mycenter .floatlist li h2{ color:#626262; font-family:"微软雅黑"; font-size:24px;}
#mycenter .floatlist li p{ color:#868686; font-family:"微软雅黑"; font-size:14px;}
/*宫格列表*/
#mycenter{ margin:1em;}
#mycenter .List{ overflow:auto; zoom:1; border:1px solid #000; border-bottom:none; border-right:none;}
#mycenter .List li{ float:left; width:33.333%;box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align:center; padding:1em 0 1.5em; border-right:1px solid #000; border-bottom:1px solid #000; background:url(../images/user_listbg.jpg) no-repeat center; background-size:cover;}
#mycenter .List li img{ width:45px; margin:0 auto;}
#mycenter .List li p{ color:#fff; font-family:"微软雅黑"; font-weight:normal; font-size:14px; line-height:15px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#mycenter .button{ margin-top:1em;}

/*=====================我的会员=====================*/
.top_title{ border-bottom:1px solid #d2d2d2; padding:10px; color:#000; font-size:16px; font-weight:normal; font-family:"微软雅黑";
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e8e8e8,endColorStr=#d2d2d2); /*IE 6 7 8*/ 
background:-moz-linear-gradient(top,#e8e8e8,#d2d2d2);/*火狐*/  
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#e8e8e8), to(#d2d2d2));/*谷歌 afari 4-5, Chrome 1-9*/          
background: -webkit-linear-gradient(top, #e8e8e8, #d2d2d2);   /*Safari5.1 Chrome 10+*/ 
background: -o-linear-gradient(top, #e8e8e8, #d2d2d2);  /*Opera 11.10+*/
}
.top_title span{ color:#f21000; margin-left:10px;}

#myvip .box{ border-bottom:1px solid #d2d2d2; padding:8px 10px; overflow:auto; zoom:1;}
#myvip .box .left{ float:left; width:50px; height:50px; border-radius:500px; border:1px solid #d2d2d2;}
#myvip .box .center{  overflow:auto; zoom:1; float:right;width:calc( 100% - 55px ); width:-webkit-calc( 100% - 55px ); width:-moz-calc( 100% - 55px );}
#myvip .box .tex{ line-height:50px;margin-left:5px; width:calc( 100% - 140px ); width:-webkit-calc( 100% - 140px ); width:-moz-calc( 100% - 140px ); float:left; color:#353535; font-size:14px; font-family:"微软雅黑";white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#myvip .box .registtime{float:right; width:130px; color:#8e8e8e; font-size:12px; font-weight:normal; padding-top:8px;}
#myvip .box .registtime span{ color:#525252;}
#myvip .box .registtime p{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; word-break:break-all;}

/*=====================订单列表/订单流水=====================*/
.orderList{ margin:1em;}
.orderList .box{ border:1px solid #dad9d9; margin-bottom:1em;}
.orderList .box .top{ padding:5px; overflow:auto; zoom:1; 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e8e8e8,endColorStr=#d2d2d2); /*IE 6 7 8*/ 
background:-moz-linear-gradient(top,#e8e8e8,#d2d2d2);/*火狐*/  
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#e8e8e8), to(#d2d2d2));/*谷歌 afari 4-5, Chrome 1-9*/          
background: -webkit-linear-gradient(top, #e8e8e8, #d2d2d2);   /*Safari5.1 Chrome 10+*/ 
background: -o-linear-gradient(top, #e8e8e8, #d2d2d2);  /*Opera 11.10+*/}
.orderList .box .top li:nth-child(2n+1){ width:60%; color:#818181; font-size:14px;}
.orderList .box .top li:nth-child(2n+2){ width:40%; text-align:right; color:#000; font-size:14px;}
.orderList .box .top li{ float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-family:"微软雅黑";}
.orderList .box .bottom{ overflow:auto; zoom:1; margin:10px;}
.orderList .box .bottom .left{ float:left; width:60px; height:60px;}
.orderList .box .bottom .right{ float:right; width:calc( 100% - 70px ); width:-webkit-calc( 100% - 70px ); width:-moz-calc( 100% - 70px );}
.orderList .box .bottom .right .text{ height:40px; overflow:hidden; color:#303537; font-family:"微软雅黑"; font-size:14px;}
.orderList .box .bottom .right p{ color:#656565;}
.orderList .box .othertext{ color:#3d3d3d; font-family:"微软雅黑"; font-size:14px; margin:0 10px 10px;}
.orderList .box .ticheng{ border-top:1px solid #c4c4c4; margin:0 10px; padding:8px 0 6px;  overflow:auto; zoom:1;}
.orderList .box .ticheng label{ float:left;font-family:"微软雅黑"; font-size:14px; color:#4c4c4c;}
.orderList .box .ticheng font{ color:#ff0000;}
.orderList .box .ticheng span{ color:#b5b5b5; font-family:"微软雅黑"; font-size:12px; border:1px solid #cecece; padding:2px 8px; margin-left:15px;transform:rotate(-10deg);-moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); display:block; float:left;}
.orderList .box .ticheng span.snope{ color:#ee631f; border:1px solid #ee631f;}

/*=====================历史提成=====================*/
.Sum{ margin:1em}
.Sum table td,.Sum table th{ border-bottom:1px solid #b8b8b8; padding:10px 0; font-weight:normal; text-align:center; font-family:"微软雅黑";font-size:14px;}
.Sum table th{ color:#000;}
.Sum table td{ color:#707070;}

/*=====================我的二维码=====================*/
.myCode{ margin:2em;}
.myCode .code{ border:1px solid #e2e2e2; padding:5px;}
.myCode .code img{ display:block; width:100%;}
#mypage .myCode a{ background:url(../images/share_btn.png) no-repeat center; background-size:cover; text-align:center; color:#fff; padding:5px 15px; border-radius:50px; margin:1em auto; display:block; width:100px; font-family:"微软雅黑"; font-size:14px; font-weight:normal;}
.myCode p{ text-align:center; color:#000;}
.myCode h2{ color:#000; font-family:"微软雅黑"; font-size:14px; text-align:center;}

/*=====================销量汇总=====================*/
#mypage .tixian_jilu .ui-input-text{ margin:0; box-shadow:none; border-radius:0; border:1px solid #d6d6d6;}
.tixian_jilu td{ width:22%; text-align:center;}
.tixian_jilu td.data{ width:35%;}
.tixian_jilu td.tex{ width:8%;}
#mypage .tixian_jilu a.btn{ background:url(../images/login_iconbg.jpg) no-repeat center; background-size:cover; color:#fff; font-size:14px; font-family:"微软雅黑"; text-align:center; font-weight:normal; border-radius:5px; display:block; padding:0.5em; width:60%; float:right;}

/*=====================下级代理商=====================*/
.dailiList1{ border-bottom:1px solid #dbdbdb; padding:10px; overflow:auto; zoom:1;}
.dailiList1 .center{ padding:5px; position:relative; overflow:auto; zoom:1;}
.dailiList1 .Rg1 img{ width:15px; position:absolute; right:0; top:50%; margin-top:-15px;}
.dailiList1 .Lf1{ float:left; width:calc( 100% - 30px );  width:-webkit-calc( 100% - 30px ); width:-moz-calc( 100% - 30px );}
.dailiList1 .Lf1 h2{ color:#333; font-family:"微软雅黑"; font-size:14px; font-weight:normal;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;}
.dailiList1 .Lf1 h2 strong{ color:#333; margin-right:5px;}
.dailiList1 .Lf1 p{ padding-left:5px; color:#333; font-family:"微软雅黑"; font-size:12px; font-weight:normal;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;}
.dailiList1 .Lf1 p font{ color:#555; }
.dailiList1 .Lf1 p span{margin-right:5px;}

/*=====================代理商=====================*/
.dailiList{ border-bottom:1px solid #dbdbdb; padding:10px; overflow:auto; zoom:1;}
.dailiList .left{ float:left; border-radius:500px; width:60px; height:60px; overflow:hidden;}
.dailiList .center{ float:right;width:calc( 100% - 70px );  width:-webkit-calc( 100% - 70px ); width:-moz-calc( 100% - 70px ); position:relative;}
.dailiList .Lf1{ float:left; width:calc( 100% - 30px );  width:-webkit-calc( 100% - 30px ); width:-moz-calc( 100% - 30px );}
#mypage .dailiList a p{ color:#000; font-family:"微软雅黑"; font-size:14px; font-weight:normal;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#mypage .dailiList a span{ color:#8e8e8e;}
.dailiList .Rg1 img{ width:15px; position:absolute; right:0; top:50%; margin-top:-15px;}

.dailitop{ min-height:120px; background:url(../images/dailidetails_topbg.jpg) no-repeat center; background-size:cover; border-top:1px solid #000; border-bottom:1px solid #000; overflow:auto; zoom:1;}
.dailitop .left{ float:left; width:90px;}
.dailitop .left .uname{ width:60px; height:60px; overflow:hidden; border-radius:500px; background:#fff; margin:30px auto;}
.dailitop .right{ float:right;width:calc( 100% - 90px );  width:-webkit-calc( 100% - 90px ); width:-moz-calc( 100% - 90px ); color:#fff; font-family:"微软雅黑"; font-size:14px; margin-top:50px;}

.detailsbox{ margin:1em; border:1px solid #000; border-bottom:none;}
.detailsbox ul{ border-bottom:1px solid #000; overflow:auto; zoom:1; padding:10px;}
.detailsbox li{ float:left; width:50%; font-family:"微软雅黑"; font-size:14px; color:#000; line-height:30px;}
.detailsbox li:nth-child(2n+2){ text-align:right; color:#5f5f5f;}
.detailsbox li span{ background:#000; display:block; float:left; width:10px; height:10px; margin:11px 7px 0 0;}
#mypage .detailsbox li a{ color:#fff; font-family:"微软雅黑"; font-weight:normal; font-size:14px; text-align:center; background:url(../images/login_iconbg.jpg) no-repeat center; background-size:cover; border-radius:8px; border:1px solid #000; display:block; width:50px; height:30px; line-height:30px; float:right;}




